<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
<!-- samegame.qdoc -->
  <title>Qt Quick Demo - Same Game | Qt 5.14</title>
  <link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
  <script type="text/javascript">
    document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
    // loading style sheet breaks anchors that were jumped to before
    // so force jumping to anchor again
    setTimeout(function() {
        var anchor = location.hash;
        // need to jump to different anchor first (e.g. none)
        location.hash = "#";
        setTimeout(function() {
            location.hash = anchor;
        }, 0);
    }, 0);
  </script>
</head>
<body>
<div class="header" id="qtdocheader">
  <div class="main">
    <div class="main-rounded">
      <div class="navigationbar">
        <table><tr>
<td ><a href="index.html">Qt 5.14</a></td><td >Qt Quick Demo - Same Game</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right">Qt 5.14.2 Reference Documentation</td>
        </tr></table>
      </div>
    </div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#running-the-example">Running the Example</a></li>
</ul>
</div>
<div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Qt Quick Demo - Same Game</h1>
<span class="subtitle"></span>
<!-- $$$demos/samegame-brief -->
<p>A QML implementation of the popular puzzle game by Kuniaki Moribe.</p>
<!-- @@@demos/samegame -->
<!-- $$$demos/samegame-description -->
<div class="descr"> <a name="details"></a>
<p><i>Same Game</i> demonstrates a QML game with custom types and logic written in JavaScript. The game uses various <a href="../qtquick/qtquick-index.html">Qt Quick</a> features such as particles, animation, and loading images.</p>
<p class="centerAlign"><img src="images/qtquick-demo-samegame-med-1.png" alt="" /></p><p class="centerAlign"><img src="images/qtquick-demo-samegame-med-2.png" alt="" /></p><p>For more details about different parts of the example, see <a href="../qtquick/qml-advtutorial.html">QML Advanced Tutorial</a>.</p>
<a name="running-the-example"></a>
<h4 id="running-the-example">Running the Example</h4>
<p>To run the example from <a href="http://doc.qt.io/qtcreator/index.html">Qt Creator</a>, open the <b>Welcome</b> mode and select the example from <b>Examples</b>. For more information, visit <a href="http://doc.qt.io/qtcreator/creator-build-example-application.html">Building and Running an Example</a>.</p>
<p>Files:</p>
<ul>
<li><a href="qtdoc-demos-samegame-content-block-qml.html">demos/samegame/content/Block.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-blockemitter-qml.html">demos/samegame/content/BlockEmitter.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-button-qml.html">demos/samegame/content/Button.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-gamearea-qml.html">demos/samegame/content/GameArea.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-logoanimation-qml.html">demos/samegame/content/LogoAnimation.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-menuemitter-qml.html">demos/samegame/content/MenuEmitter.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-paintemitter-qml.html">demos/samegame/content/PaintEmitter.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-primarypack-qml.html">demos/samegame/content/PrimaryPack.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-puzzleblock-qml.html">demos/samegame/content/PuzzleBlock.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-samegametext-qml.html">demos/samegame/content/SamegameText.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-settings-qml.html">demos/samegame/content/Settings.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-simpleblock-qml.html">demos/samegame/content/SimpleBlock.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-smoketext-qml.html">demos/samegame/content/SmokeText.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-templatebase-qml.html">demos/samegame/content/levels/TemplateBase.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level0-qml.html">demos/samegame/content/levels/level0.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level1-qml.html">demos/samegame/content/levels/level1.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level2-qml.html">demos/samegame/content/levels/level2.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level3-qml.html">demos/samegame/content/levels/level3.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level4-qml.html">demos/samegame/content/levels/level4.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level5-qml.html">demos/samegame/content/levels/level5.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level6-qml.html">demos/samegame/content/levels/level6.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level7-qml.html">demos/samegame/content/levels/level7.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level8-qml.html">demos/samegame/content/levels/level8.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-levels-level9-qml.html">demos/samegame/content/levels/level9.qml</a></li>
<li><a href="qtdoc-demos-samegame-content-qmldir.html">demos/samegame/content/qmldir</a></li>
<li><a href="qtdoc-demos-samegame-content-samegame-js.html">demos/samegame/content/samegame.js</a></li>
<li><a href="qtdoc-demos-samegame-main-cpp.html">demos/samegame/main.cpp</a></li>
<li><a href="qtdoc-demos-samegame-samegame-pro.html">demos/samegame/samegame.pro</a></li>
<li><a href="qtdoc-demos-samegame-samegame-qml.html">demos/samegame/samegame.qml</a></li>
<li><a href="qtdoc-demos-samegame-samegame-qmlproject.html">demos/samegame/samegame.qmlproject</a></li>
<li><a href="qtdoc-demos-samegame-samegame-qrc.html">demos/samegame/samegame.qrc</a></li>
</ul>
<p>Images:</p>
<ul>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/background-puzzle.png">demos/samegame/content/gfx/background-puzzle.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/background.png">demos/samegame/content/gfx/background.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/bar.png">demos/samegame/content/gfx/bar.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/blue-puzzle.png">demos/samegame/content/gfx/blue-puzzle.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/blue.png">demos/samegame/content/gfx/blue.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/bubble-highscore.png">demos/samegame/content/gfx/bubble-highscore.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/bubble-puzzle.png">demos/samegame/content/gfx/bubble-puzzle.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/but-game-1.png">demos/samegame/content/gfx/but-game-1.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/but-game-2.png">demos/samegame/content/gfx/but-game-2.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/but-game-3.png">demos/samegame/content/gfx/but-game-3.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/but-game-4.png">demos/samegame/content/gfx/but-game-4.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/but-game-new.png">demos/samegame/content/gfx/but-game-new.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/but-menu.png">demos/samegame/content/gfx/but-menu.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/but-puzzle-next.png">demos/samegame/content/gfx/but-puzzle-next.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/but-quit.png">demos/samegame/content/gfx/but-quit.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/green-puzzle.png">demos/samegame/content/gfx/green-puzzle.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/green.png">demos/samegame/content/gfx/green.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/icon-fail.png">demos/samegame/content/gfx/icon-fail.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/icon-ok.png">demos/samegame/content/gfx/icon-ok.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/icon-time.png">demos/samegame/content/gfx/icon-time.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/logo-a.png">demos/samegame/content/gfx/logo-a.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/logo-e.png">demos/samegame/content/gfx/logo-e.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/logo-g.png">demos/samegame/content/gfx/logo-g.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/logo-m.png">demos/samegame/content/gfx/logo-m.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/logo-s.png">demos/samegame/content/gfx/logo-s.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/logo.png">demos/samegame/content/gfx/logo.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/particle-brick.png">demos/samegame/content/gfx/particle-brick.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/particle-paint.png">demos/samegame/content/gfx/particle-paint.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/particle-smoke.png">demos/samegame/content/gfx/particle-smoke.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/red-puzzle.png">demos/samegame/content/gfx/red-puzzle.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/red.png">demos/samegame/content/gfx/red.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/text-highscore-new.png">demos/samegame/content/gfx/text-highscore-new.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/text-highscore.png">demos/samegame/content/gfx/text-highscore.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/text-no-winner.png">demos/samegame/content/gfx/text-no-winner.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/text-p1-go.png">demos/samegame/content/gfx/text-p1-go.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/text-p1-won.png">demos/samegame/content/gfx/text-p1-won.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/text-p1.png">demos/samegame/content/gfx/text-p1.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/text-p2-go.png">demos/samegame/content/gfx/text-p2-go.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/text-p2-won.png">demos/samegame/content/gfx/text-p2-won.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/text-p2.png">demos/samegame/content/gfx/text-p2.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/yellow-puzzle.png">demos/samegame/content/gfx/yellow-puzzle.png</a></li>
<li><a href="images/used-in-examples/demos/samegame/content/gfx/yellow.png">demos/samegame/content/gfx/yellow.png</a></li>
</ul>
</div>
<p><b>See also </b><a href="qmlapplications.html">QML Applications</a>.</p>
<!-- @@@demos/samegame -->
        </div>
       </div>
   </div>
   </div>
</div>
<div class="footer">
   <p>
   <acronym title="Copyright">&copy;</acronym> 2020 The Qt Company Ltd.
   Documentation contributions included herein are the copyrights of
   their respective owners.<br/>    The documentation provided herein is licensed under the terms of the    <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation    License version 1.3</a> as published by the Free Software Foundation.<br/>    Qt and respective logos are trademarks of The Qt Company Ltd.     in Finland and/or other countries worldwide. All other trademarks are property
   of their respective owners. </p>
</div>
</body>
</html>
